<%@page import="cn.jsj.hzu.qm.facecloud.ciuser.pojo.Ciuser"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%
Ciuser ciuser = (Ciuser)request.getSession().getAttribute("ciuser");

if(ciuser == null || ciuser.getType() == 0){
	//response.sendRedirect("../errorPage/toLoginErrorPage.html");
	out.write("<script>top.location.href='../index.jsp';</script>");
	return;
}

%>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="../css/style.default.css" type="text/css" />
		<script type="text/javascript" src="../js/plugins/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="../js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript" src="../js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="../js/plugins/jquery.uniform.min.js"></script>
		<script type="text/javascript" src="../js/plugins/jquery.validate.min.js"></script>
		<script type="text/javascript" src="../js/plugins/jquery.tagsinput.min.js"></script>
		<script type="text/javascript" src="../js/plugins/charCount.js"></script>
		<script type="text/javascript" src="../js/plugins/ui.spinner.min.js"></script>
		<script type="text/javascript" src="../js/plugins/chosen.jquery.min.js"></script>
		<script type="text/javascript" src="../js/custom/general.js"></script>
		<script type="text/javascript" src="../js/custom/forms.js"></script>


		<script>
			function clock() {
				var t = new Date().toLocaleTimeString();
				document.getElementById("clock").innerText = t;
			}
			var int = self.setInterval("clock()", 1000);
		</script>
		
		<script>
			jQuery(function(){
				
				function topjump(cont){
					console.log(cont);
					if (window.frames.length != parent.frames.length) {
						top.location.href=cont;
					　　console.log('在iframe中');
					}
					else{
						console.log("我不在框架中");
						self.location=cont;
						eval("window.location.href="+cont);
					}
					
					console.log("我完了");
				}
				
				jQuery("#jumpto_page_1").click(function(){
					topjump("page_lab.html");
					window.location.href="page_lab.html";
				});
			
			
				jQuery("#jumpto_page_2").click(function(){
					topjump("page_user.html");
					window.location.href="page_user.html";
				});
			
			
				jQuery("#jumpto_page_3").click(function(){
					topjump("page_my_info.html");
					window.location.href="page_my_info.html";
				});
			
			
				jQuery("#jumpto_page_4").click(function(){
					topjump("page_cici.html");
					window.location.href="page_cici.html";
				});
				
				jQuery("#signout").click(function(){
					var o = confirm("确定要登出吗?");
					if(o == true){
						window.location.href='logout.jsp';
					}
				});
			});
			
		</script>
	</head>

	<body class="">

		<div class="bodywrapper">
			<div class="topheader">
				<div class="left">
					<h1 class="logo">签到<span>系统 </span><span style="color: #4f6890;">VER 4.0<span></h1>
					<span class="slogan">-</span>

					<div class="search">
						<form action="" method="post">
							<input type="text" name="keyword" id="keyword" value="Enter keyword(s)" />
							<button class="submitbutton"></button>
						</form>
					</div>
					<!--search-->

					<br clear="all" />

				</div>
				<!--left-->

				<div class="right">
					<div class="notification">
						<a class="count" href="ajax/notifications.html"><span>9</span></a>
					</div>
					<div class="userinfo">
						<img src="images/thumbs/avatar.png" alt="" />
						<span>${sessionScope.ciuser.name }</span>
					</div>
					<!--userinfo-->

					<div class="userinfodrop">
						<div class="avatar">
							
							<div class="changetheme">
								现在时间: <br />
								<p id="clock" style="width: 100px"></p>
							</div>
						</div>
						<!--avatar-->
						<div class="userdata">
							<h4>${sessionScope.ciuser.name }</h4>
							<ul>
								<li><a id = 'signout'>Sign Out</a></li>
							</ul>
						</div>
						<!--userdata-->
					</div>
					<!--userinfodrop-->
				</div>
				<!--right-->
			</div>
			<!--topheader-->

			
			<div class="header">
				<ul class="headermenu">
					<!-- class="current"-->
					<li ><a id="jumpto_page_1" ><span class="icon icon-flatscreen">
					</span>实验室管理</a>
					</li>
					<li><a id="jumpto_page_2" ><span class="icon icon-pencil">
					</span>用户管理</a></li>
					<li><a id="jumpto_page_3" ><span class="icon icon-message">
					</span>我的信息</a></li>
					<li><a id="jumpto_page_4" ><span class="icon icon-chart">
					</span>站内统计</a></li>
				</ul>

				<div class="headerwidget">
					<div class="earnings">
						<div class="one_half">
							<h4>--</h4>
							<h2>--</h2>
						</div>
						<!--one_half-->
						<div class="one_half last alignright">
							<h4>--</h4>
							<h2>--</h2>
						</div>
						<!--one_half last-->
					</div>
					<!--earnings-->
				</div>
				<!--headerwidget-->

			</div>
			<!--header-->


			<!--leftmenu-->

			<!---->
		</div>
		<!--bodywrapper-->

	</body>
</html>
